<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>主页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <style type="text/css">
        *{margin:0;padding:0;list-style-type:none;}
        .fixediv{position:fixed;top:140px;z-index:9999;width:140px;height:216px;background: rgba(221, 221, 221, 0.07);}
        .fixediv img{float:left;}
        .fixediv a.close{display:block;height:30px;line-height:30px;background:#fff;font-size:14px;padding:0 10px;color:#5e5e5e;text-decoration:none;text-align:center;}
        /*.leftadv{left:0px;}*/
        .rightadv{right:0px;}

        .nav-logo {
            float: left;
            height: 40px;
            margin-top: 5px;
            overflow: hidden;
        }

        .nav-logo a {
            margin: 0;
            padding: 0;
        }

        @media (min-width: 768px) {
        }
    </style>
</head>
<body>
<!--导航-->
<div class="navbar navbar-fixed-top navbar-inverse">
    <div class="container">
        <div class="nav-logo">
            <a class="" href="#">
                <img class="img-responsive" alt="by一考通" style="height: 100%;width: auto;"
                />
            </a>
        </div>
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navBar">
                        <span class="icon-bar">
                        </span>
                <span class="icon-bar">
                        </span>
                <span class="icon-bar">
                        </span>
            </button>
        </div>
        <div class="collapse navbar-collapse navbar-right" id="navBar">
            <ul class="nav navbar-nav">
                <li>
                    <a href="#">
                        首页
                    </a>
                </li>
                <li>
                    <a href="#">
                        公司介绍
                    </a>
                </li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        产品中心
                        <span class="caret">
                                </span>
                    </a>
                    <ul class="dropdown-menu" role="menu">
                        <li>
                            <a href="#">
                                SmartCall智能呼
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                运营管理平台ＯＭＳ
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                客户关系管理系统
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                电销系统
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                知识库管理
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                排班管理模块
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                考试培训系统
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                多媒体调度指挥系统
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        行业方案
                        <span class="caret">
                                </span>
                    </a>
                    <ul class="dropdown-menu" role="menu">
                        <li>
                            <a href="#">
                                多媒体呼叫中心
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                保险行业
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                制造行业
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                政府部门
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                教育行业
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                酒店/旅游
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                电子商务
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                社区服务
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                铁路/客运
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                医疗卫生
                            </a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#">
                        公司新闻
                    </a>
                </li>
                <li>
                    <a href="#">
                        典型客户
                    </a>
                </li>
                <li>
                    <a href="#">
                        合作伙伴
                    </a>
                </li>
                <li>
                    <a href="#">
                        联系我们
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>


<!--轮播-->
<div id="" class="carousel slide">
    <div class="carousel-inner">
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
            <li data-target="#myCarousel" data-slide-to="3"></li>
            <li data-target="#myCarousel" data-slide-to="4"></li>
        </ol>


        <div class="item active">
            <a href="#">
                <img src="images/lunbo1.png" alt="第一张" width="100%">
            </a>
        </div>
        <div class="item">
            <a href="#">
                <img src="images/lunbo2.png" alt="第二张" width="100%">
            </a>
        </div>
        <div class="item">
            <a href="#">
                <img src="images/lunbo4.png" alt="第三张" width="100%">
            </a>
        </div>
        <div class="item">
            <a href="#">
                <img src="images/lunbo3.png" alt="第四张" width="100%">
            </a>
        </div>
        <div class="item">
            <a href="#">
                <img src="images/lunbo5.png" alt="第五张" width="100%">
            </a>
        </div>
        <a href="#myCarousel" data-slide="prev" class="carousel-control left"><!-- ‹ -->
            <span class="glyphicon glyphicon-chevron-left"></span>
        </a><!-- 左箭头 -->
        <a href="#myCarousel" data-slide="next" class="carousel-control right"><!-- › -->
            <span class="glyphicon glyphicon-chevron-right"></span>
        </a><!-- 右箭头 -->
    </div>
</div><!--轮播-->
<div id="" class="carousel slide">
    <div class="carousel-inner">
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
            <li data-target="#myCarousel" data-slide-to="3"></li>
            <li data-target="#myCarousel" data-slide-to="4"></li>
        </ol>


        <div class="item active">
            <a href="#">
                <img src="images/lunbo1.png" alt="第一张" width="100%">
            </a>
        </div>
        <div class="item">
            <a href="#">
                <img src="images/lunbo2.png" alt="第二张" width="100%">
            </a>
        </div>
        <div class="item">
            <a href="#">
                <img src="images/lunbo4.png" alt="第三张" width="100%">
            </a>
        </div>
        <div class="item">
            <a href="#">
                <img src="images/lunbo3.png" alt="第四张" width="100%">
            </a>
        </div>
        <div class="item">
            <a href="#">
                <img src="images/lunbo5.png" alt="第五张" width="100%">
            </a>
        </div>
        <a href="#myCarousel" data-slide="prev" class="carousel-control left"><!-- ‹ -->
            <span class="glyphicon glyphicon-chevron-left"></span>
        </a><!-- 左箭头 -->
        <a href="#myCarousel" data-slide="next" class="carousel-control right"><!-- › -->
            <span class="glyphicon glyphicon-chevron-right"></span>
        </a><!-- 右箭头 -->
    </div>
</div><!--轮播-->
<div id="" class="carousel slide">
    <div class="carousel-inner">
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
            <li data-target="#myCarousel" data-slide-to="3"></li>
            <li data-target="#myCarousel" data-slide-to="4"></li>
        </ol>


        <div class="item active">
            <a href="#">
                <img src="images/lunbo1.png" alt="第一张" width="100%">
            </a>
        </div>
        <div class="item">
            <a href="#">
                <img src="images/lunbo2.png" alt="第二张" width="100%">
            </a>
        </div>
        <div class="item">
            <a href="#">
                <img src="images/lunbo4.png" alt="第三张" width="100%">
            </a>
        </div>
        <div class="item">
            <a href="#">
                <img src="images/lunbo3.png" alt="第四张" width="100%">
            </a>
        </div>
        <div class="item">
            <a href="#">
                <img src="images/lunbo5.png" alt="第五张" width="100%">
            </a>
        </div>
        <a href="#myCarousel" data-slide="prev" class="carousel-control left"><!-- ‹ -->
            <span class="glyphicon glyphicon-chevron-left"></span>
        </a><!-- 左箭头 -->
        <a href="#myCarousel" data-slide="next" class="carousel-control right"><!-- › -->
            <span class="glyphicon glyphicon-chevron-right"></span>
        </a><!-- 右箭头 -->
    </div>
</div><!--轮播-->
<div id="" class="carousel slide">
    <div class="carousel-inner">
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
            <li data-target="#myCarousel" data-slide-to="3"></li>
            <li data-target="#myCarousel" data-slide-to="4"></li>
        </ol>


        <div class="item active">
            <a href="#">
                <img src="images/lunbo1.png" alt="第一张" width="100%">
            </a>
        </div>
        <div class="item">
            <a href="#">
                <img src="images/lunbo2.png" alt="第二张" width="100%">
            </a>
        </div>
        <div class="item">
            <a href="#">
                <img src="images/lunbo4.png" alt="第三张" width="100%">
            </a>
        </div>
        <div class="item">
            <a href="#">
                <img src="images/lunbo3.png" alt="第四张" width="100%">
            </a>
        </div>
        <div class="item">
            <a href="#">
                <img src="images/lunbo5.png" alt="第五张" width="100%">
            </a>
        </div>
        <a href="#myCarousel" data-slide="prev" class="carousel-control left"><!-- ‹ -->
            <span class="glyphicon glyphicon-chevron-left"></span>
        </a><!-- 左箭头 -->
        <a href="#myCarousel" data-slide="next" class="carousel-control right"><!-- › -->
            <span class="glyphicon glyphicon-chevron-right"></span>
        </a><!-- 右箭头 -->
    </div>
</div><!--轮播-->
<div id="" class="carousel slide">
    <div class="carousel-inner">
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
            <li data-target="#myCarousel" data-slide-to="3"></li>
            <li data-target="#myCarousel" data-slide-to="4"></li>
        </ol>


        <div class="item active">
            <a href="#">
                <img src="images/lunbo1.png" alt="第一张" width="100%">
            </a>
        </div>
        <div class="item">
            <a href="#">
                <img src="images/lunbo2.png" alt="第二张" width="100%">
            </a>
        </div>
        <div class="item">
            <a href="#">
                <img src="images/lunbo4.png" alt="第三张" width="100%">
            </a>
        </div>
        <div class="item">
            <a href="#">
                <img src="images/lunbo3.png" alt="第四张" width="100%">
            </a>
        </div>
        <div class="item">
            <a href="#">
                <img src="images/lunbo5.png" alt="第五张" width="100%">
            </a>
        </div>
        <a href="#myCarousel" data-slide="prev" class="carousel-control left"><!-- ‹ -->
            <span class="glyphicon glyphicon-chevron-left"></span>
        </a><!-- 左箭头 -->
        <a href="#myCarousel" data-slide="next" class="carousel-control right"><!-- › -->
            <span class="glyphicon glyphicon-chevron-right"></span>
        </a><!-- 右箭头 -->
    </div>
</div><!--轮播-->
<div id="" class="carousel slide">
    <div class="carousel-inner">
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
            <li data-target="#myCarousel" data-slide-to="3"></li>
            <li data-target="#myCarousel" data-slide-to="4"></li>
        </ol>


        <div class="item active">
            <a href="#">
                <img src="images/lunbo1.png" alt="第一张" width="100%">
            </a>
        </div>
        <div class="item">
            <a href="#">
                <img src="images/lunbo2.png" alt="第二张" width="100%">
            </a>
        </div>
        <div class="item">
            <a href="#">
                <img src="images/lunbo4.png" alt="第三张" width="100%">
            </a>
        </div>
        <div class="item">
            <a href="#">
                <img src="images/lunbo3.png" alt="第四张" width="100%">
            </a>
        </div>
        <div class="item">
            <a href="#">
                <img src="images/lunbo5.png" alt="第五张" width="100%">
            </a>
        </div>
        <a href="#myCarousel" data-slide="prev" class="carousel-control left"><!-- ‹ -->
            <span class="glyphicon glyphicon-chevron-left"></span>
        </a><!-- 左箭头 -->
        <a href="#myCarousel" data-slide="next" class="carousel-control right"><!-- › -->
            <span class="glyphicon glyphicon-chevron-right"></span>
        </a><!-- 右箭头 -->
    </div>
</div><!--轮播-->
<div id="" class="carousel slide">
    <div class="carousel-inner">
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
            <li data-target="#myCarousel" data-slide-to="3"></li>
            <li data-target="#myCarousel" data-slide-to="4"></li>
        </ol>


        <div class="item active">
            <a href="#">
                <img src="images/lunbo1.png" alt="第一张" width="100%">
            </a>
        </div>
        <div class="item">
            <a href="#">
                <img src="images/lunbo2.png" alt="第二张" width="100%">
            </a>
        </div>
        <div class="item">
            <a href="#">
                <img src="images/lunbo4.png" alt="第三张" width="100%">
            </a>
        </div>
        <div class="item">
            <a href="#">
                <img src="images/lunbo3.png" alt="第四张" width="100%">
            </a>
        </div>
        <div class="item">
            <a href="#">
                <img src="images/lunbo5.png" alt="第五张" width="100%">
            </a>
        </div>
        <a href="#myCarousel" data-slide="prev" class="carousel-control left"><!-- ‹ -->
            <span class="glyphicon glyphicon-chevron-left"></span>
        </a><!-- 左箭头 -->
        <a href="#myCarousel" data-slide="next" class="carousel-control right"><!-- › -->
            <span class="glyphicon glyphicon-chevron-right"></span>
        </a><!-- 右箭头 -->
    </div>
</div>



<!--轮播-->
<div id="myCarousel" class="carousel slide">
    <div class="carousel-inner">
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
            <li data-target="#myCarousel" data-slide-to="3"></li>
            <li data-target="#myCarousel" data-slide-to="4"></li>
        </ol>


        <div class="item active">
            <a href="#">
                <img src="images/lunbo1.png" alt="第一张" width="100%">
            </a>
        </div>
        <div class="item">
            <a href="#">
                <img src="images/lunbo2.png" alt="第二张" width="100%">
            </a>
        </div>
        <div class="item">
            <a href="#">
                <img src="images/lunbo4.png" alt="第三张" width="100%">
            </a>
        </div>
        <div class="item">
            <a href="#">
                <img src="images/lunbo3.png" alt="第四张" width="100%">
            </a>
        </div>
        <div class="item">
            <a href="#">
                <img src="images/lunbo5.png" alt="第五张" width="100%">
            </a>
        </div>
        <a href="#myCarousel" data-slide="prev" class="carousel-control left"><!-- ‹ -->
            <span class="glyphicon glyphicon-chevron-left"></span>
        </a><!-- 左箭头 -->
        <a href="#myCarousel" data-slide="next" class="carousel-control right"><!-- › -->
            <span class="glyphicon glyphicon-chevron-right"></span>
        </a><!-- 右箭头 -->
    </div>
</div>
<!--//还有一小部分js代码：-->
<input type="button" value="演示" onClick="$.Pop('你好，欢迎使用Pop插件','alert',function(){alert('点击确定的回调')})">

<input type="button" value="翻转" onclick="$.Pop('slideFromTop效果',{Animation:'layer-rollIn'})">


<div id="fixediv" class="fixediv rightadv" style="width:170px;height:300px;border: 1px solid red;">
    <h3>博主推荐</h3>
    广告代码
</div>
<script src="js/jquery-3.2.1.js"></script>
<script src="js/plug-in.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
<script type="text/javascript">
    $(document).ready(function(){
        $(".fixediv a").click(function(){
            $(".fixediv").fadeOut(400);
        });
        $(".fixediv").floatadv();
    });
    jQuery.fn.floatadv = function(loaded) {
        var obj = this;
        body_height = parseInt($(window).height());
        block_height = parseInt(obj.height());
        top_position = parseInt((body_height/2) - (block_height/2) + $(window).scrollTop());
        if (body_height<block_height) { top_position = 0 + $(window).scrollTop(); };
        if(!loaded) {
            obj.css({'position': 'absolute'});
            obj.css({ 'top': top_position });
            $(window).bind('resize', function() {
                obj.floatadv(!loaded);
            });
            $(window).bind('scroll', function() {
                obj.floatadv(!loaded);
            });
        } else {
            obj.stop();
            obj.css({'position': 'absolute'});
            obj.animate({ 'top': top_position }, 400, 'linear');
        }
    }
</script>
</html>
